@charset "utf-8";

/* 
Document: core.css 
Created on: 2013-03-11,14:00;
Update: 2013-03-13,16:20;
Author: kimixyz
Description: 全站样式表
*/

/* css reset */
html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, button, input, textarea { margin: 0; padding: 0; -webkit-user-select: none; -webkit-touch-callout: none;}
input[type="text"], input[type="password"], textarea { -webkit-user-select: text; }
body, button, input, select, textarea { font: 12px "Helvetica Neue",Helvetica,Arial,Sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #101010; }
img { border: 0; }
button, input[type="button"], input[type="text"], input[type="password"], select, textarea { font-size: 100%; -webkit-appearance: none; }
/*button, input, select, textarea, label, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }*/

/*默认背景*/
body { background: #f8f8f8; color: #101010; font-size: 24px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.hidden { display: none; }
/* 遮罩层 */
.shade {
	display: none;
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .25;
	-webkit-transform: translate3d(0,0,0); 
	}
/* 顶部 */
.top {
	position: fixed;
    top: 0;
    width: 100%;
	height: 90px;
	line-height: 90px;
	text-align: center;
    left: 0px;
    border-bottom: #dcdcdc 1px solid;
    z-index: 200;
}
.top:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #f8f8f8;
	}
	.top h1 {
		font-size: 30px;
		color: #333;
		}
	.top i {
		position: absolute; 
		top: 50%;
		margin-top: -30px;
		width: 70px;
		height: 60px;
		font-style: normal;
		}
		.top i:nth-of-type(1) { left: 16px; }
		.top i:nth-of-type(2) { right: 16px; }
		.top i:before {
			content: "";
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
			z-index: -1;
			}
		.top i:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -21px 0 0 -20px;
			width: 40px;
			height: 42px;
			background: url("") no-repeat;
			}
		.top i:nth-of-type(2):after { background-position: 0 -45px; }
        .list-mag { margin-top: 90px; }
        .top-bn { position: relative; text-align: center; width: 640px; margin: auto; padding-top: 15px; }
        .top-bn .tb-close { position: absolute; right: 20px; top: 40px; display: block; width: 50px; height: 50px; background: url(/m/images/td-close.png) no-repeat; }
        .top-bn img { margin: auto; display: block; width: 640px; height: 100px; }
        .top i:after {
	        content: "";
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        margin: -20px 0 0 -18px;
	        width: 36px;
	        height: 40px;
	        background: url(../images/top-tag.png) no-repeat;
	        opacity: 1;
	        }
        .top i:nth-of-type(2):after { width: 37px; height: 37px; background: url(/m/images/search-tag2.png) no-repeat center; }
        .top i.apple:after { width: 50px; height: 58px; background: url(/m/images/top-tag.png) no-repeat 0 -64px; }
        .top i.android:after { background: url(/m/images/top-tag.png) no-repeat 0 -128px; }
        .top i.ind-tag:after { background: url(/m/images/top-tag2.png) no-repeat; }
        .top .logo { height: 90px; }
        .top .logo img { width: 214px; height: 45px; margin-top: 20px; }


/* 返回顶部 */
.gaoplus {
	display: none;
	position: fixed;
	-webkit-box-sizing: border-box;
	bottom: 50px;
	right: 40px;
	height: 90px;
	width: 90px;
	padding: 4px;
	z-index: 2;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e7e9), to(#fefeff));
	background-image: -webkit-linear-gradient(top, #e6e7e9, #fefeff);
	background-image: linear-gradient(to bottom, #e6e7e9, #fefeff);
	-webkit-border-radius: 45px;
            border-radius: 45px;
    cursor: pointer;
	}
.gaoplus a {
	display: block;
	width: 82px;
	height: 82px;
	-webkit-appearance: none;
		appearance: none;
	}
.gaoplus a:before {
	content: "";
	display: block;
	width: 82px;
	height: 82px;
	background: url("") no-repeat 0 0;
	}
.gaoplus .gaoplus-circle {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	height: 82px;
	width: 82px;
	cursor: pointer;
	z-index: 2;
	border: 0px;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: white;
	padding: 0px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: url(../images/circle_bg.png) no-repeat;
	-webkit-border-radius: 41px;
			border-radius: 41px;
	-webkit-appearance: none;
	appearance: none;
	}
/* 弹出导航按钮 */
.circle-container {
	position: fixed;
	-webkit-box-sizing: border-box;
	bottom: 50px;
	left: 40px;
	height: 90px;
	width: 90px;
	padding: 4px;
	z-index: 999;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e7e9), to(#fefeff));
	background-image: -webkit-linear-gradient(top, #e6e7e9, #fefeff);
	background-image: linear-gradient(to bottom, #e6e7e9, #fefeff);
	-webkit-border-radius: 45px;
            border-radius: 45px;
    cursor: pointer;
	}
/* line 35, ../sass/_layout.scss */
.circle-container .circle {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	height: 82px;
	width: 82px;
	cursor: pointer;
	z-index: 2;
	border: 0px;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: white;
	padding: 0px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: url(../images/circle_bg.png) no-repeat;
	-webkit-border-radius: 41px;
			border-radius: 41px;
	-webkit-appearance: none;
	appearance: none;
	}
.circle-container .circle-on { -webkit-transform: rotate(145deg); transform: rotate(145deg); }

/* line 53, ../sass/_layout.scss */
.circle-container .circle:active:before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	-webkit-border-radius: 45px;
	        border-radius: 45px;
	}
.circle-container .circle-btn {
	position: absolute;
	top: 28px;
	left: 28px;
	height: 36px;
	width: 36px;
	background: url("") no-repeat 0 0;
	z-index: 9999;
	-webkit-transition: all 0.2s linear;
	}
.circle-container .circle-btn-on {
	background-position: 0 -42px;
	left: 27px;
	-webkit-transform: rotate(45deg);
	}

/* 导航块 */
.item {
	position: fixed;
	bottom: 100px;
	left: 100px;
	width: 300px;
	height: 300px;
	background: url(../images/item_bg.png) no-repeat;
	padding: 7px;
	-webkit-border-radius: 157px;
	border-radius: 157px;
	z-index: 999;
	-webkit-transition: all linear .15s
	}
.hide {
	opacity: 0;
	-webkit-transform: translate(-172px,150px) scale(0.2);
	pointer-events: none;
	}
.item-container {
	position: relative;
	width: 300px;
	height: 300px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	}
.item-container ul li { position: absolute;	}
.item-container a {
	display: inline-block;
	position: absolute;
	width: 60px;
	height: 50px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	}
.item-container a:hover+.bg {
	display: block;
	height: 100%;
	background-position: -10000px 10000px;
	}
.item-container .limit-free .bg ,
.item-container .bbs .bg ,
.item-container .app-rank .bg ,
.item-container .collection .bg ,
.item-container .game-zone .bg ,
.item-container .strategy .bg ,
.item-container .review .bg ,
.item-container .information .bg ,
.item-container .home .bg { background: url(/m/images/item-icon.png) no-repeat; }
.item-container .limit-free {
	top: 0;
	left: 44px;
	width: 105px;
	height: 115px;
	}
.item-container .limit-free a { top: 23px; left: 35px; }
.item-container .limit-free a:hover+.bg { background-position: -71px -26px; }
.item-container .bbs {
	top: 45px;
	left: 0px;
	width: 114px;
	height: 106px;
	}
.item-container .bbs a { top: 44px; left: 22px; }
.item-container .bbs a:hover+.bg { background-position: 0 -127px; }
.item-container .app-rank {
	top: 152px;
	left: 0px;
	width: 114px;
	height: 105px;
	}
.item-container .app-rank a { top: 15px; left: 22px; }
.item-container .app-rank a:hover+.bg { background-position: -14px -295px; }
.item-container .collection {
	top: 187px;
	left: 45px;
	width: 106px;
	height: 115px;
	}
.item-container .collection a { top: 35px; left: 38px; }
.item-container .collection a:hover:hover+.bg { background-position: -120px -369px; }
.item-container .game-zone {
	top: 187px;
	left: 151px;
	width: 106px;
	height: 115px;
	}
.item-container .game-zone a { top: 35px; left: 8px; }
.item-container .game-zone a:hover+.bg { background-position: -302px -349px; }
.item-container .strategy {
	top: 151px;
	left: 188px;
	width: 113px;
	height: 105px;
	}
.item-container .strategy a { top: 15px; left: 32px; }
.item-container .strategy a:hover+.bg { background-position: -372px -252px; }
.item-container .review {
	top: 44px;
	left: 187px;
	width: 114px;
	height: 106px;
	}
.item-container .review a { top: 45px; left: 34px; }
.item-container .review a:hover+.bg { background-position: -347px -74px; }
.item-container .information {
	top: 0;
	left: 150px;
	width: 106px;
	height: 113px;
	}
.item-container .information a { top: 25px; left: 10px; }
.item-container .information a:hover+.bg { background-position: -249px 0; }
.item-container .home {
	top: 104px;
	left: 104px;
	width: 92px;
	height: 92px;
	}
.item-container .home a { width: 92px; height: 92px; }
.item-container .home a:hover+.bg { background-position: -200px -196px; }


/* 网站编号 */
.copy {
	padding: 20px 0 30px;
	text-align: center;
	color: #999;
	border-top: 1px solid #c4c4c4;
    font-size: 16px;
	}

	/*星级*/
	.star {
		position: relative;
		display: inline-block;
		margin-right: 20px;
		width: 170px;
		height: 34px;
		vertical-align: -4px;
		}
		.star,
		.star em {
			background:url("") repeat-x;
			}
		.star em { display: block; height: 34px; background-position: 0 -70px; }

/* 查看更多按钮 */
#divMorePic img {
	position: relative;
	display: block;
	margin: 16px auto;
	height: 32px;
	width: 32px;
	}

/*页码*/
.page {
	position: relative;
	display: block;
	height: 40px;
	background: #d3d3d3;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
	}
	.page span {
		position: absolute;
		top: 0;
		right: 10px;
		display: inline-block;
		padding: 0 5px;
		background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc));
		color: #555;
		font-size: 22px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		}
.gtop { position: fixed; -webkit-box-sizing: border-box; bottom: 90px; right: 40px; z-index: 3; cursor: pointer; text-indent: -9999px; }
.gtop a { display: block; margin-bottom: 5px; background: url(../images/back-top.png) no-repeat; width: 60px; height: 60px; -webkit-appearance: none; appearance: none; }
.gtop a:hover, .gtop a.on { background: url(../images/back-top.png) no-repeat 0 -200px; }
.gtop a.gotop { display: none; background-position: 0 -91px; }
.gtop a.gotop:hover { background-position: 0 -290px; }

.l-menu { position: fixed; left: 0; top: 0; margin-top: 90px; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.5); }
.l-menu .menu-box { width: 50%; height: 100%; background: #f8f7f6; }
.l-menu .menu-box li { padding: 10px 0 10px 40px; height: 40px; border-bottom: #e0e0e0 1px solid; }
.l-menu .menu-box li:hover, .l-menu .menu-box li.on { border-left: #03b0da 8px solid; background: #eae9e8; -webkit-box-shadow: inset 1px 2px 3px #ccc; } 
.l-menu .menu-box li a { font-size: 32px; line-height: 1; color: #353535; }
.l-menu .menu-box li h2:before { content: ""; display: inline-block; margin-right: 10px; width: 50px; height: 55px; line-height: 55px; background: url(../images/menu-icon.png) no-repeat center 5px; vertical-align: middle; }
.l-menu .menu-box li:nth-of-type(2) h2:before { background-position: 0 -47px; }
.l-menu .menu-box li:nth-of-type(3) h2:before { background-position: 0 -610px; }
.l-menu .menu-box li:nth-of-type(4) h2:before { background-position: 0 -97px; }
.l-menu .menu-box li:nth-of-type(5) h2:before { background-position: 0 -151px; }
.l-menu .menu-box li:nth-of-type(6) h2:before { background-position: 0 -196px; }
.l-menu .menu-box li:nth-of-type(7) h2:before { background-position: 0 -252px; }
.l-menu .menu-box li:nth-of-type(8) h2:before { background-position: 0 -305px; }
.l-menu .menu-box li:nth-of-type(9) h2:before { background-position: 0 -362px; }
.l-menu .menu-box li:nth-of-type(10) h2:before { background-position: 0 -423px; }
.l-menu .menu-box li:nth-of-type(11) h2:before { background-position: 0 -472px; }
.l-menu .menu-box li:nth-of-type(12) h2:before { background-position: 0 -512px; }
.l-menu .menu-box li:nth-of-type(13) h2:before { background-position: 0 -557px; }
.l-menu .menu-touch { position: absolute; display: block; width: 50%; height: 100%; right: 0; top: 0; }
.con-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1002; background: rgba(0,0,0,0.5); }
.con-menu .menu-box { width: 80%; height: 100%; background: rgba(0,0,0,0.7); overflow: auto; }
.con-menu .box-list { margin: 0 10px; }
.con-menu .box-list .menu-tit { padding: 35px 0 20px 0; }
.con-menu .box-list .menu-tit h2 { color: #fff; font-size: 44px; }
.con-menu .menu-touch { position: absolute; display: block; width: 50%; height: 100%; right: 0; top: 0; }
.con-menu .box-list ul { overflow: hidden; }
.con-menu .box-list li { -webkit-box-pack: justify; display: -webkit-box; }
.con-menu .box-list li a { display: block; -webkit-box-sizing: border-box; height: 160px; width: 160px; -webkit-box-flex: 1; padding: 30px 0; margin: 0 5px 10px; color: #fff; text-align: center; background: #0099cc; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(1) { width: 33.35%; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(2) { width: 66.65%; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) { position: relative; padding: 0; background: none; text-align: center; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) img { width: 100%; height: 100%; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) em { position: absolute; left: 0; bottom: 0; display: block; width: 100%; font-style: normal; height: 40px; text-align: center; line-height: 40px; background: rgba(0,0,0,0.5) }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(1) { width: 66.65%; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(2) { width: 33.35%; }
.con-menu .box-list li h2 { line-height: 1.5; font-family: "Microsoft Yahei"; font-size: 28px; }
.con-menu .box-list li h2:before { content: ""; display: block; margin: auto; width: 80px; height: 70px; background: url("../images/con-meun-tag.png") no-repeat; vertical-align: middle; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(1) h2:before { vertical-align: -5px; background-position: center 5px; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(2) h2:before { background-position: center -83px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(1) h2:before { background-position: center -179px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(2) h2:before { vertical-align: -5px; background-position: center -275px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(3) h2:before { background-position: center -364px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(1) h2:before { background-position: center -459px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(2) h2:before { background-position: center -555px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(3) h2:before { background-position: center -650px; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(1) h2:before { background-position: center -747px; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(2) h2:before { background-position: center -843px; }
.con-menu .menu-touch { position: absolute; display: block; width: 100px; height: 100%; left: 85%; top: 0; background: url(/m/images/menu-arr.png) no-repeat 0 center; }
.article-tj .att-tit h2 { font-weight: 600; }
.article-tj li { padding: 8px 0 8px 15px; background: url(/m/images/tj-lise.png) no-repeat 0 center; font-size: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.article-tj li a { color: #333; }
.con-menu .menu-box::-webkit-scrollbar{width:1px; height:1px;}
.con-menu .menu-box::-webkit-scrollbar-thumb{background-color:#333}
.con-menu .menu-box::-webkit-scrollbar-thumb :hover{background-color:#000}
.con-menu .menu-box::-webkit-scrollbar-thumb :active{background-color:#000}


/* 导航 */
.list-nav { position: fixed; top: 90px; height: 88px; line-height: 88px; background: url(/m/images/title-bg.png); z-index: 200; width: 100%; }
.list-nav ul { overflow: hidden; }
.list-nav li { float: left; }
.list-nav li a { display: block; padding: 0 20px; height: 84px; border-top: #dcdcdc 4px solid; font-size: 32px; color: #333a48; }
.list-nav li.cur a { border-top: #0099cc 4px solid; background: #d6f1fc; color: #0099cc; font-weight: 600; }
.con-game .list-nav li a { padding: 0 10px; }
.yj-news .list-nav li a { padding: 0 8px; font-size: 28px; }
.yj-news .list-nav li.cur a { font-size: 28px; }

.gtop a.gotop { display: none; background: url(/m/images/in-gtop.png) no-repeat; }
.gtop a.gotop:hover { background-position: 0 0; }

.foot { padding: 30px 0; background: #0099cc; text-align: center; color: #fff; }
.f-mag { padding: 30px 0 30px; }
.foot .f-btn { margin-bottom: 20px; }
.foot .f-btn a { display: inline-block; margin: 0 15px; width: 120px; height: 46px; text-align: center; line-height: 46px; font-size: 28px; color: #fff; border-radius: 3px; }
.foot .f-btn a.on { background: #0068ab; }
.foot .copy { color: #fff; border: none; }

/* ipad */
@media only screen and (min-device-width: 768px) {
	/* 顶部 */
	.top { height: 120px; line-height: 120px; }
		.top h1 { font-size: 56px; }
		.top i {
			position: absolute; 
			top: 50%;
			margin-top: -40px;
			width: 100px;
			height: 80px;
			}
			.top i:after {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -26px 0 0 -28px;
				width: 80px;
				height: 56px;
				-webkit-background-size: 52px auto;
				}
	.copy { font-size: 36px; }
    .list-mag, .l-menu { margin-top: 120px; }
    .list-nav { top: 120px; }
    }